<template>
  <div>
    <!-- 头部导航 -->
   
    <top-nav></top-nav>

    <!-- 搜索框 -->
    <head-view></head-view>
    <!-- 内容区 -->
    <content-view></content-view>
    <!-- shop -->
    <shopcard-view></shopcard-view>
  
    <!-- 返回顶部 -->
  
   
    <!-- foter -->
    <footer-view></footer-view>
    <footers></footers>

  </div>
</template>

<script>
import FooterView from "views/index/footer/FooterView.vue";
import ShopcardView from "../../components/content/shopcard/ShopcardView.vue";
import TopNav from "../../components/content/TopNav.vue";
import ContentView from "./content/ContentView.vue";
import HeadView from "./head/HeadView.vue";
import Footers from "./footer/Footers.vue";

import {useRouter} from 'vue-router'
export default {
  components: {
    TopNav,
    HeadView,
    ContentView,
    ShopcardView,
    FooterView,
    Footers,
   
  },
  setup(props) {
      const router = useRouter()
      const toaa = ()=>{
        router.replace({
          path:'/detail'
        })
      }
      return{
        toaa
      }
  }
 
};
</script>

<style scoped>
</style>